<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>学生宿舍管理系统</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="bookmark" href="favicon.ico" />
    <link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap-grid.min.css">
    <link type="text/css" rel="stylesheet" href="bootstrap/css/bootstrap-reboot.min.css">
    <link type="text/css" rel="stylesheet" href="bootstrap-table/bootstrap-table.min.css">
    <link type="text/css" rel="stylesheet" href="gijgo/css/gijgo.min.css">
    <link type="text/css" rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
    <script type="text/javascript" src="jquery/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.bundle.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="bootstrap-table/bootstrap-table.min.js"></script>
    <script type="text/javascript" src="bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
    <script type="text/javascript" src="gijgo/js/gijgo.min.js"></script>
    <script type="text/javascript" src="gijgo/js/messages/messages.zh-cn.min.js"></script>
    <script type="text/javascript" src="sweetalert/sweetalert.min.js"></script>
    <style type="text/css" rel="stylesheet">
        :root {
            --primary-color: #4e73df;
            --secondary-color: #1cc88a;
            --dark-color: #5a5c69;
            --light-color: #f8f9fc;
            --danger-color: #e74a3b;
            --warning-color: #f6c23e;
            --card-border-radius: 0.35rem;
            --transition-speed: 0.3s;
        }

        /* 粒子背景动画 */
        #particles-js {
            position: fixed;
            width: 100vw;
            height: 100vh;
            top: 0;
            left: 0;
            z-index: 0;
        }

        body {
            background-color: #f8f9fc;
            font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            position: relative;
        }

        #header {
            background: linear-gradient(90deg, var(--primary-color) 0%, #224abe 100%);
            box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
            position: relative;
            padding: 1rem 0;
            z-index: 2;
            animation: fadeInDown 1s;
        }

        #header h3 {
            color: white;
            margin: 0;
            font-weight: 700;
            display: inline-block;
            animation: shimmer 2.5s infinite;
            background: linear-gradient(90deg, #fff 0%, #c3dafe 50%, #fff 100%);
            background-size: 200% auto;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        #header a {
            color: white;
            margin-left: 15px;
            text-decoration: none;
            transition: all 0.3s;
        }

        #header a:hover {
            opacity: 0.8;
        }

        #leftNav {
            background: white;
            box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
            border-radius: var(--card-border-radius);
            margin-top: 1rem;
            padding: 0;
            height: calc(100vh - 140px);
            position: sticky;
            top: 1rem;
            z-index: 2;
            animation: fadeInLeft 1s;
            background: linear-gradient(180deg, #ffffff 0%, #f8f9fc 100%);
            border: 1px solid rgba(78, 115, 223, 0.1);
            backdrop-filter: blur(10px);
        }

        .navbar {
            width: 100%;
            background: transparent;
            padding: 0;
        }

        .nav-item {
            width: 100%;
            border-bottom: 1px solid rgba(78, 115, 223, 0.08);
            position: relative;
            overflow: hidden;
        }

        .nav-item:last-child {
            border-bottom: none;
        }

        .nav-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(78, 115, 223, 0.1), transparent);
            transition: left 0.5s;
        }

        .nav-item:hover::before {
            left: 100%;
        }

        .navButton {
            display: block;
            width: 100%;
            text-align: left;
            padding: 1.2rem 1.5rem;
            color: var(--dark-color);
            transition: all var(--transition-speed);
            border-left: 4px solid transparent;
            background: transparent;
            position: relative;
            overflow: hidden;
            font-weight: 500;
            font-size: 14px;
            letter-spacing: 0.5px;
        }

        .navButton:hover,
        .navButton.active {
            background: linear-gradient(135deg, rgba(78, 115, 223, 0.1) 0%, rgba(78, 115, 223, 0.05) 100%);
            color: var(--primary-color);
            border-left: 4px solid var(--primary-color);
            box-shadow: 0 4px 15px rgba(78, 115, 223, 0.15);
            transform: translateX(5px);
        }

        .navButton i {
            margin-right: 10px;
            width: 20px;
            text-align: center;
            transition: all 0.3s ease;
            font-size: 16px;
        }

        .navButton:hover i,
        .navButton.active i {
            transform: scale(1.2);
            color: var(--primary-color);
        }

        /* 导航栏标题 */
        .nav-header {
            padding: 1.5rem 1.5rem 1rem;
            border-bottom: 2px solid rgba(78, 115, 223, 0.1);
            margin-bottom: 0.5rem;
        }

        .nav-header h5 {
            color: var(--primary-color);
            font-weight: 700;
            font-size: 16px;
            margin: 0;
            text-align: center;
            letter-spacing: 1px;
        }

        #centerData {
            margin-top: 1rem;
            z-index: 1;
        }

        .card {
            border: none;
            border-radius: var(--card-border-radius);
            box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.1);
            margin-bottom: 1.5rem;
            animation: fadeInUp 0.8s;
            transition: box-shadow 0.3s, transform 0.3s;
        }

        .card-header {
            background-color: white;
            border-bottom: 1px solid #e3e6f0;
            padding: 1rem 1.25rem;
        }

        .card-header:first-child {
            border-radius: calc(var(--card-border-radius) - 1px) calc(var(--card-border-radius) - 1px) 0 0;
        }

        .cardLabel {
            background-color: var(--primary-color);
            color: white;
            font-weight: 600;
            text-align: center;
            border-radius: var(--card-border-radius);
        }

        .content {
            margin-top: 1rem;
        }

        .btn {
            border-radius: var(--card-border-radius);
            position: relative;
            overflow: hidden;
            transition: all 0.3s;
        }

        .btn-primary {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
        }

        .btn-success {
            background-color: var(--secondary-color);
            border-color: var(--secondary-color);
        }

        .btn-danger {
            background-color: var(--danger-color);
            border-color: var(--danger-color);
        }

        .btn:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
            background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
            background-repeat: no-repeat;
            background-position: 50%;
            transform: scale(10, 10);
            opacity: 0;
            transition: transform 0.5s, opacity 0.8s;
        }

        .btn:active:after {
            transform: scale(0, 0);
            opacity: 0.3;
            transition: 0s;
        }

        #footer {
            background: linear-gradient(90deg, var(--primary-color) 0%, #224abe 100%);
            width: 100%;
            padding: 1rem 0;
            margin-top: 2rem;
            position: relative;
            z-index: 2;
        }

        h4 {
            text-align: center;
            color: #FFFFFF;
            margin: 0;
            font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            font-weight: 600;
        }

        .form-control:focus {
            border-color: var(--primary-color);
            box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.25);
        }

        .homeHead {
            background: linear-gradient(90deg, var(--primary-color) 0%, #224abe 100%);
            color: white;
            border-radius: var(--card-border-radius);
            text-align: center;
            padding: 2rem;
            animation: fadeIn 1.2s;
        }

        .homeHead div {
            margin-bottom: 1rem;
            font-size: 1.5rem;
            font-weight: 700;
        }

        .table-bordered {
            border: none;
        }

        .table-bordered td,
        .table-bordered th {
            border: 1px solid #e3e6f0;
        }

        .table-hover tbody tr:hover {
            background-color: #f8f9fc;
        }

        .modal-content {
            border-radius: var(--card-border-radius);
            border: none;
        }

        .modal-header {
            background: linear-gradient(90deg, var(--primary-color) 0%, #224abe 100%);
            color: white;
            border-top-left-radius: var(--card-border-radius);
            border-top-right-radius: var(--card-border-radius);
        }

        .modal-header .close {
            color: white;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(40px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translateY(-40px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInLeft {
            from {
                opacity: 0;
                transform: translateX(-40px);
            }

            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes shimmer {
            to {
                background-position: 200% center;
            }
        }
    </style>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/home.js"></script>
    <script type="text/javascript" src="js/student.js"></script>
    <script type="text/javascript" src="js/building.js"></script>
    <script type="text/javascript" src="js/dormitory.js"></script>
    <script type="text/javascript" src="js/live.js"></script>
    <script type="text/javascript" src="js/dormitoryManager.js"></script>
    <script type="text/javascript" src="js/admin.js"></script>

    <script type="text/javascript">
        /**
         * jquery初始化加载，默认导航选中home
         */
        $(function () {
            var account = localStorage.getItem("account");
            if (isNull(account)) {
                window.location.href = "login.html";
            }
            var type = localStorage.getItem("type");
            loginType = type;
            if (type === '2') {
                $("#buildingNavItem").css('display', 'none');
                $("#dormitoryManagerNavItem").css('display', 'none');
                $("#adminNavItem").css('display', 'none');
            } else if (type === '3') {
                $("#buildingNavItem").css('display', 'none');
                $("#liveNavItem").css('display', 'none');
                $("#dormitoryManagerNavItem").css('display', 'none');
                $("#adminNavItem").css('display', 'none');

                //新增权限
                $("#studentAddButton").css('display', 'none');
                $("#buildingAddButton").css('display', 'none');
                $("#dormitoryAddButton").css('display', 'none');
                $("#liveAddButton").css('display', 'none');
                $("#dormitoryManagerAddButton").css('display', 'none');
                $("#adminAddButton").css('display', 'none');

                //导出权限
                $("#studentExportButton").css('display', 'none');
                $("#buildingExportButton").css('display', 'none');
                $("#dormitoryExportButton").css('display', 'none');
                $("#liveExportButton").css('display', 'none');
                $("#dormitoryManagerExportButton").css('display', 'none');
                $("#adminExportButton").css('display', 'none');

                //导入权限
                $("#studentUploadButton").css('display', 'none');
                $("#buildingUploadButton").css('display', 'none');
                $("#dormitoryUploadButton").css('display', 'none');
                $("#liveUploadButton").css('display', 'none');
                $("#dormitoryManagerUploadButton").css('display', 'none');
                $("#adminUploadButton").css('display', 'none');
            }
            $("#loginAccount").html(account);
            homeNav();
            $("#addLiveDate").datepicker({
                locale: 'zh-cn',
                format: 'yyyy-mm-dd',
                weekStartDay: 1
            });
            $("#updateLiveDate").datepicker({
                locale: 'zh-cn',
                format: 'yyyy-mm-dd',
                weekStartDay: 1
            });

            // 设置活动导航项的样式
            $(".navButton").click(function () {
                $(".navButton").removeClass("active");
                $(this).addClass("active");
            });
        });
    </script>
    <!-- 粒子动画JS -->
    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            particlesJS('particles-js', {
                "particles": {
                    "number": { "value": 80, "density": { "enable": true, "value_area": 800 } },
                    "color": { "value": "#4e73df" },
                    "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000" } },
                    "opacity": { "value": 0.3, "random": false },
                    "size": { "value": 3, "random": true },
                    "line_linked": { "enable": true, "distance": 150, "color": "#4e73df", "opacity": 0.2, "width": 1 },
                    "move": { "enable": true, "speed": 2, "direction": "none", "random": false, "straight": false, "out_mode": "out", "bounce": false }
                },
                "interactivity": {
                    "detect_on": "canvas",
                    "events": {
                        "onhover": { "enable": true, "mode": "grab" },
                        "onclick": { "enable": true, "mode": "push" },
                        "resize": true
                    },
                    "modes": {
                        "grab": { "distance": 140, "line_linked": { "opacity": 0.5 } },
                        "push": { "particles_nb": 4 }
                    }
                },
                "retina_detect": true
            });
        });
    </script>
</head>

<body>
    <div id="particles-js"></div>
    <!-- 顶部 -->
    <header id="header">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-sm-4 text-left">
                    <h3><i class="fa fa-graduation-cap mr-2"></i> 学生宿舍管理系统</h3>
                </div>
                <div class="col-sm-4 d-flex justify-content-center">
                    <span class="opensource-tip">本项目前端页面已在GitHub与Gitee开源，<span>链接</span>
                        <a href="https://github.com/jm3wc/dormitory-manage-front-end" target="_blank"
                            class="github-link" title="前往GitHub仓库">
                            <i class="fa fa-github"></i>
                        </a>
                        <a href="https://gitee.com/jason1jm/dormitory-manage-front-end" target="_blank"
                            class="gitee-link" title="前往Gitee仓库" style="margin-left:6px;">
                            <svg t="1717499999999" class="gitee-svg" viewBox="0 0 1024 1024" width="20" height="20"
                                style="vertical-align:middle;" xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64z m0 820.6c-205.2 0-372.6-167.4-372.6-372.6S306.8 139.4 512 139.4 884.6 306.8 884.6 512 717.2 884.6 512 884.6z"
                                    fill="#C71D23" />
                                <path
                                    d="M512 139.4c-205.2 0-372.6 167.4-372.6 372.6S306.8 884.6 512 884.6 884.6 717.2 884.6 512 717.2 139.4 512 139.4z m0 820.6c-247.4 0-448-200.6-448-448S264.6 64 512 64s448 200.6 448 448-200.6 448-448 448z"
                                    fill="#C71D23" />
                                <path
                                    d="M512 256c-141.4 0-256 114.6-256 256s114.6 256 256 256 256-114.6 256-256-114.6-256-256-256z m0 460.8c-112.8 0-204.8-92-204.8-204.8S399.2 307.2 512 307.2 716.8 399.2 716.8 512 624.8 716.8 512 716.8z"
                                    fill="#C71D23" />
                                <path
                                    d="M512 307.2c-112.8 0-204.8 92-204.8 204.8S399.2 716.8 512 716.8 716.8 624.8 716.8 512 624.8 307.2 512 307.2z m0 358.4c-84.8 0-153.6-68.8-153.6-153.6S427.2 358.4 512 358.4 665.6 427.2 665.6 512 596.8 665.6 512 665.6z"
                                    fill="#C71D23" />
                            </svg>
                        </a>
                    </span>
                </div>
                <div class="col-sm-4 d-flex align-items-center justify-content-end">
                    <p class="text-right mb-0" style="color: white;">
                        <i class="fa fa-user-circle"></i> <span id="loginAccount"></span>
                        <a onclick="exit()"><i class="fa fa-sign-out"></i> 退出</a>
                    </p>
                </div>
            </div>
        </div>
    </header>
    <!-- 内容 -->
    <div class="container-fluid">
        <div class="row">
            <div id="leftNav" class="col-sm-2">
                <nav class="navbar">
                    <div class="nav-header">
                        <h5><i class="fa fa-bars"></i> 功能导航</h5>
                    </div>
                    <ul class="navbar-nav w-100">
                        <li class="nav-item" id="homeNavItem">
                            <button class="btn navButton active" onclick="homeNav()"><i
                                    class="fa fa-dashboard fa-fw"></i> 首页</button>
                        </li>
                        <li class="nav-item" id="studentNavItem">
                            <button class="btn navButton" onclick="studentNav()"><i
                                    class="fa fa-address-book fa-fw"></i> 学生管理
                            </button>
                        </li>
                        <li class="nav-item" id="buildingNavItem">
                            <button class="btn navButton" onclick="buildingNav()"><i class="fa fa-building fa-fw"></i>
                                楼宇管理</button>
                        </li>
                        <li class="nav-item" id="dormitoryNavItem">
                            <button class="btn navButton" onclick="dormitoryNav()"><i class="fa fa-home fa-fw"></i> 宿舍管理
                            </button>
                        </li>
                        <li class="nav-item" id="liveNavItem">
                            <button class="btn navButton" onclick="liveNav()"><i class="fa fa-bed fa-fw"></i>
                                入住管理</button>
                        </li>
                        <li class="nav-item" id="dormitoryManagerNavItem">
                            <button class="btn navButton" onclick="dormitoryManagerNav()"><i
                                    class="fa fa-user-circle fa-fw"></i> 宿管管理
                            </button>
                        </li>
                        <li class="nav-item" id="adminNavItem">
                            <button class="btn navButton" onclick="adminNav()"><i class="fa fa-cog fa-fw"></i>
                                管理员管理</button>
                        </li>
                    </ul>
                </nav>
            </div>

            <div id="centerData" class="col-sm-10">
                <!-- home -->
                <div class="card contentHead homeHead">
                    <div class="card-body">
                        <div><i class="fa fa-university fa-3x mb-3"></i></div>
                        <div>欢迎使用学生宿舍管理系统</div>
                        <p>此页面的页面设计由成文龙版权所有</p>
                        <br>
                        <p>PS:可能有地方的样式有些许BUG，但代码和人有一个能跑就行</p>
                    </div>
                </div>

                <!-- student -->
                <div class="card contentHead studentContentHead">
                    <div class="card-body">
                        <form class="form-horizontal row">
                            <div class="col-sm-2">
                                <label class="form-control cardLabel">学生管理</label>
                            </div>
                            <div class="col-sm-3">
                                <input type="text" id="studentSn" class="form-control" placeholder="学生编号">
                            </div>
                            <div class="col-sm-3">
                                <input type="text" id="studentName" class="form-control" placeholder="姓名">
                            </div>
                            <div class="col-sm-4">
                                <button type="button" class="btn btn-success" onclick="studentQuery()"><i
                                        class="fa fa-search" aria-hidden="true"></i> 查询
                                </button>
                                <button type="button" id="studentAddButton" class="btn btn-primary" data-toggle="modal"
                                    data-target="#studentAdd"><i class="fa fa-user-plus" aria-hidden="true"></i> 新增
                                </button>
                                <a id="studentExportButton" class="btn btn-secondary" href="/excel/export?table=student"
                                    role="button"><i class="fa fa-file-excel-o" aria-hidden="true"></i> 导出</a>
                                <button type="button" id="studentUploadButton" class="btn btn-danger"
                                    data-toggle="modal" data-target="#studentUpload"><i class="fa fa-user-plus"
                                        aria-hidden="true"></i> 导入
                                </button>
                            </div>
                        </form>
                    </div>
                </div>

                <!-- building -->
                <div class="card contentHead buildingContentHead">
                    <div class="card-body">
                        <form class="form-horizontal row">
                            <div class="form-group col-sm-2">
                                <label class="form-control cardLabel">楼宇管理</label>
                            </div>
                            <div class="col-sm-3">
                                <input type="text" id="buildingName" class="form-control" placeholder="楼宇名称">
                            </div>
                            <div class="col-sm-3"></div>
                            <div class="col-sm-4">
                                <button type="button" class="btn btn-success" onclick="buildingQuery()"><i
                                        class="fa fa-search" aria-hidden="true"></i> 查询
                                </button>
                                <button type="button" id="buildingAddButton" class="btn btn-primary"
                                    onclick="buildingAdd()" data-toggle="modal" data-target="#buildingAdd"><i
                                        class="fa fa-user-plus" aria-hidden="true"></i> 新增
                                </button>
                                <a id="buildingExportButton" class="btn btn-secondary"
                                    href="/excel/export?table=building" role="button"><i class="fa fa-file-excel-o"
                                        aria-hidden="true"></i> 导出</a>
                                <button type="button" id="buildingUploadButton" class="btn btn-danger"
                                    data-toggle="modal" data-target="#buildingUpload"><i class="fa fa-user-plus"
                                        aria-hidden="true"></i> 导入
                                </button>
                            </div>
                        </form>
                    </div>
                </div>

                <!-- dormitory -->
                <div class="card contentHead dormitoryContentHead">
                    <div class="card-body">
                        <form class="form-horizontal row">
                            <div class="col-sm-2">
                                <label class="form-control cardLabel">宿舍管理</label>
                            </div>
                            <div class="col-sm-3">
                                <input type="text" id="dormitorySn" class="form-control" placeholder="宿舍编号">
                            </div>
                            <div class="col-sm-3">
                            </div>
                            <div class="col-sm-4">
                                <button type="button" class="btn btn-success" onclick="dormitoryQuery()"><i
                                        class="fa fa-search"></i> 查询
                                </button>
                                <button type="button" id="dormitoryAddButton" class="btn btn-primary"
                                    onclick="dormitoryAdd()" data-toggle="modal" data-target="#dormitoryAdd"><i
                                        class="fa fa-user-plus"></i> 新增
                                </button>
                                <a id="dormitoryExportButton" class="btn btn-secondary"
                                    href="/excel/export?table=dormitory" role="button"><i class="fa fa-file-excel-o"
                                        aria-hidden="true"></i> 导出</a>
                                <button type="button" id="dormitoryUploadButton" class="btn btn-danger"
                                    data-toggle="modal" data-target="#dormitoryUpload"><i class="fa fa-user-plus"
                                        aria-hidden="true"></i> 导入
                                </button>
                            </div>
                        </form>
                    </div>
                </div>

                <!-- live -->
                <div class="card contentHead liveContentHead">
                    <div class="card-body">
                        <form class="form-horizontal row">
                            <div class="col-sm-2">
                                <label class="form-control cardLabel">入住管理</label>
                            </div>
                            <div class="col-sm-3">
                                <input type="text" id="liveDormitorySn" class="form-control" placeholder="宿舍编号">
                            </div>
                            <div class="col-sm-3">
                                <input type="text" id="liveStudentNameOrSn" class="form-control" placeholder="学生姓名">
                            </div>
                            <div class="col-sm-4">
                                <button type="button" class="btn btn-success" onclick="liveQuery()"><i
                                        class="fa fa-search" aria-hidden="true"></i> 查询
                                </button>
                                <button type="button" id="liveAddButton" class="btn btn-primary" onclick="liveAdd()"
                                    data-toggle="modal" data-target="#liveAdd"><i class="fa fa-user-plus"
                                        aria-hidden="true"></i> 新增
                                </button>
                                <a id="liveExportButton" class="btn btn-secondary" href="/excel/export?table=live"
                                    role="button"><i class="fa fa-file-excel-o" aria-hidden="true"></i> 导出</a>
                                <button type="button" id="liveUploadButton" class="btn btn-danger" data-toggle="modal"
                                    data-target="#liveUpload"><i class="fa fa-user-plus" aria-hidden="true"></i> 导入
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- dormitoryManager -->
                <div class="card contentHead dormitoryManagerContentHead">
                    <div class="card-body">
                        <form class="form-horizontal row">
                            <div class="col-sm-2">
                                <label class="form-control cardLabel">宿管管理</label>
                            </div>
                            <div class="col-sm-3">
                                <input type="text" id="dormitoryManagerSn" class="form-control" placeholder="宿管编号">
                            </div>
                            <div class="col-sm-3">
                                <input type="text" id="dormitoryManagerName" class="form-control" placeholder="姓名">
                            </div>
                            <div class="col-sm-4">
                                <button type="button" class="btn btn-success" onclick="dormitoryManagerQuery()"><i
                                        class="fa fa-search"></i> 查询
                                </button>
                                <button type="button" id="dormitoryManagerAddButton" class="btn btn-primary"
                                    data-toggle="modal" data-target="#dormitoryManagerAdd"><i
                                        class="fa fa-user-plus"></i> 新增
                                </button>
                                <a id="dormitoryManagerExportButton" class="btn btn-secondary" href="" role="button"><i
                                        class="fa fa-file-excel-o" aria-hidden="true"></i> 导出</a>
                                <button type="button" id="dormitoryManagerUploadButton" class="btn btn-danger"
                                    data-toggle="modal" data-target="#dormitoryManagerUpload"><i class="fa fa-user-plus"
                                        aria-hidden="true"></i> 导入
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- 管理员管理功能admin -->
                <div class="card contentHead adminContentHead">
                    <div class="card-body">
                        <form class="form-horizontal row">
                            <div class="col-sm-2">
                                <label class="form-control cardLabel">管理员管理</label>
                            </div>
                            <div class="col-sm-6">
                                <input type="text" id="adminName" class="form-control" placeholder="姓名">
                            </div>
                            <div class="col-sm-4">
                                <button type="button" class="btn btn-success" onclick="adminQuery()"><i
                                        class="fa fa-search"></i> 查询
                                </button>
                                <button type="button" id="adminAddButton" class="btn btn-primary" data-toggle="modal"
                                    data-target="#adminAdd"><i class="fa fa-user-plus"></i> 新增
                                </button>
                                <a id="adminExportButton" class="btn btn-secondary" href="" role="button"><i
                                        class="fa fa-file-excel-o" aria-hidden="true"></i> 导出</a>
                                <button type="button" id="adminUploadButton" class="btn btn-danger" data-toggle="modal"
                                    data-target="#adminUpload"><i class="fa fa-user-plus" aria-hidden="true"></i> 导入
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card content">
                    <div class="card-body contentTable">
                        <table class="table table-bordered table-hover table-condensed" id="contentData"
                            name="contentData"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="studentAdd" tabindex="-1" aria-labelledby="studentAddLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="studentAddLabel">学生-新增</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="addStudentSn">学生编号</label>
                            <input type="text" class="form-control" id="addStudentSn" placeholder="请输入学生编号">
                        </div>
                        <div class="form-group">
                            <label for="addStudentName">姓名</label>
                            <input type="text" class="form-control" id="addStudentName" placeholder="请输入姓名">
                        </div>
                        <div class="form-group">
                            <label for="addStudentPassword">密码</label>
                            <input type="text" class="form-control" id="addStudentPassword" placeholder="请输入密码">
                        </div>
                        <fieldset class="form-group row">
                            <legend class="col-form-label col-sm-2 float-sm-left pt-0">性别</legend>
                            <div class="col-sm-10">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="addStudentSex"
                                        id="addStudentSexM" value="男">
                                    <label class="form-check-label" for="addStudentSexM">男</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="addStudentSex"
                                        id="addStudentSexF" value="女">
                                    <label class="form-check-label" for="addStudentSexF">女</label>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="studentAddSave()">保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="studentUpdate" tabindex="-1" aria-labelledby="studentUpdateLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="studentUpdateLabel">学生-修改</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <input type="text" id="updateStudentId" hidden>
                        <div class="form-group">
                            <label for="updateStudentSn">学生编号</label>
                            <input type="text" class="form-control" id="updateStudentSn" placeholder="请输入学生编号">
                        </div>
                        <div class="form-group">
                            <label for="updateStudentName">姓名</label>
                            <input type="text" class="form-control" id="updateStudentName" placeholder="请输入姓名">
                        </div>
                        <div class="form-group">
                            <label for="updateStudentPassword">密码</label>
                            <input type="text" class="form-control" id="updateStudentPassword" placeholder="请输入密码">
                        </div>
                        <fieldset class="form-group row">
                            <legend class="col-form-label col-sm-2 float-sm-left pt-0">性别</legend>
                            <div class="col-sm-10">
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="updateStudentSex"
                                        id="updateStudentSexM" value="男">
                                    <label class="form-check-label" for="updateStudentSexM">男</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="radio" name="updateStudentSex"
                                        id="updateStudentSexF" value="女">
                                    <label class="form-check-label" for="updateStudentSexF">女</label>
                                </div>
                            </div>
                        </fieldset>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="studentUpdateSave()">保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="buildingAdd" tabindex="-1" aria-labelledby="buildingAddLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="buildingAddLabel">楼宇-新增</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="addBuildingName">楼宇名称</label>
                            <input type="text" class="form-control" id="addBuildingName" placeholder="请输入楼宇名称">
                        </div>
                        <div class="form-group">
                            <label for="addBuildingLocation">楼宇位置</label>
                            <input type="text" class="form-control" id="addBuildingLocation" placeholder="请输入楼宇所属位置">
                        </div>
                        <div class="form-group">
                            <label for="addBuildingDormitoryManager">所属宿管</label>
                            <select class="form-control" id="addBuildingDormitoryManager">
                            </select>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="buildingAddSave()">保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="buildingUpdate" tabindex="-1" aria-labelledby="buildingUpdateLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="buildingUpdateLabel">楼宇-修改</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <input type="text" id="updateBuildingId" hidden>
                        <div class="form-group">
                            <label for="updateBuildingName">楼宇名称</label>
                            <input type="text" class="form-control" id="updateBuildingName" placeholder="请输入楼宇名称">
                        </div>
                        <div class="form-group">
                            <label for="updateBuildingLocation">楼宇位置</label>
                            <input type="text" class="form-control" id="updateBuildingLocation" placeholder="请输入楼宇所属位置">
                        </div>
                        <div class="form-group">
                            <label for="updateBuildingDormitoryManager">所属宿管</label>
                            <select class="form-control" id="updateBuildingDormitoryManager">
                            </select>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="buildingUpdateSave()">保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="dormitoryAdd" tabindex="-1" aria-labelledby="dormitoryAddLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="dormitoryAddLabel">宿舍-新增</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label for="addDormitorySn">宿舍编号</label>
                            <input type="text" class="form-control" id="addDormitorySn" placeholder="请输入宿舍编号">
                        </div>
                        <div class="form-group">
                            <label for="addDormitoryBuildingId">所属楼宇</label>
                            <select class="form-control" id="addDormitoryBuildingId">
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="addDormitoryFloor">所属楼层</label>
                            <input type="text" class="form-control" id="addDormitoryFloor" placeholder="请输入楼层">
                        </div>
                        <div class="form-group">
                            <label for="addDormitoryMaxNumber">最大可住人数</label>
                            <input type="text" class="form-control" id="addDormitoryMaxNumber" placeholder="请输入最大可住人数">
                        </div>
                        <div class="form-group">
                            <label for="addDormitoryLivedNumber">已住人数</label>
                            <input type="text" class="form-control" id="addDormitoryLivedNumber" placeholder="请输入已住人数">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="dormitoryAddSave()">保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="dormitoryUpdate" tabindex="-1" aria-labelledby="dormitoryUpdateLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="dormitoryUpdateLabel">宿舍-更新</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <input type="text" id="updateDormitoryId" hidden>
                        <div class="form-group">
                            <label for="updateDormitorySn">宿舍编号</label>
                            <input type="text" class="form-control" id="updateDormitorySn" placeholder="请输入楼宇名称">
                        </div>
                        <div class="form-group">
                            <label for="updateDormitoryBuildingId">所属楼宇</label>
                            <select class="form-control" id="updateDormitoryBuildingId">
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="updateDormitoryFloor">所属楼层</label>
                            <input type="text" class="form-control" id="updateDormitoryFloor" placeholder="请输入楼层">
                        </div>
                        <div class="form-group">
                            <label for="updateDormitoryMaxNumber">最大可住人数</label>
                            <input type="text" class="form-control" id="updateDormitoryMaxNumber"
                                placeholder="请输入最大可住人数">
                        </div>
                        <div class="form-group">
                            <label for="updateDormitoryLivedNumber">已住人数</label>
                            <input type="text" class="form-control" id="updateDormitoryLivedNumber"
                                placeholder="请输入已住人数">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="dormitoryUpdateSave()">保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="liveAdd" tabindex="-1" aria-labelledby="liveAddLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="liveAddLabel">入住-新增</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="addLiveStudentId">学生</label>
                        <select class="form-control" id="addLiveStudentId">
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="addLiveDormitoryId">宿舍</label>
                        <select class="form-control" id="addLiveDormitoryId">
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="addLiveDate">入住时间</label>
                        <input type="text" class="form-control" id="addLiveDate">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="liveAddSave()">保存</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="liveUpdate" tabindex="-1" aria-labelledby="liveUpdateLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="liveUpdateLabel">入住-修改</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="text" id="updateLiveId" hidden>
                    <div class="form-group">
                        <label for="updateLiveStudentId">学生</label>
                        <select class="form-control" id="updateLiveStudentId">
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="updateLiveDormitoryId">宿舍</label>
                        <select class="form-control" id="updateLiveDormitoryId">
                        </select>
                    </div>
                    <div class="form-group">
                        <label for="updateLiveDate">入住时间</label>
                        <input type="text" class="form-control" id="updateLiveDate">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="liveUpdateSave()">保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="dormitoryManagerAdd" tabindex="-1" aria-labelledby="dormitoryManagerAddLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="dormitoryManagerAddLabel">宿管-新增</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="addDormitoryManagerSn">宿管编号</label>
                        <input type="text" class="form-control" id="addDormitoryManagerSn" placeholder="请输入宿管编号">
                    </div>
                    <div class="form-group">
                        <label for="addDormitoryManagerName">姓名</label>
                        <input type="text" class="form-control" id="addDormitoryManagerName" placeholder="请输入姓名">
                    </div>
                    <div class="form-group">
                        <label for="addDormitoryManagerPassword">密码</label>
                        <input type="text" class="form-control" id="addDormitoryManagerPassword" placeholder="请输入密码">
                    </div>
                    <fieldset class="form-group row">
                        <legend class="col-form-label col-sm-2 float-sm-left pt-0">性别</legend>
                        <div class="col-sm-10">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="addDormitoryManagerSex"
                                    id="addDormitoryManagerSexM" value="男">
                                <label class="form-check-label" for="addDormitoryManagerSexM">男</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="addDormitoryManagerSex"
                                    id="addDormitoryManagerSexF" value="女">
                                <label class="form-check-label" for="addDormitoryManagerSexF">女</label>
                            </div>
                        </div>
                    </fieldset>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="dormitoryManagerAddSave()">
                        保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="dormitoryManagerUpdate" tabindex="-1" aria-labelledby="dormitoryManagerUpdateLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="dormitoryManagerUpdateLabel">宿管-修改</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="text" id="updateDormitoryManagerId" hidden>
                    <div class="form-group">
                        <label for="updateDormitoryManagerSn">宿管编号</label>
                        <input type="text" class="form-control" id="updateDormitoryManagerSn" placeholder="请输入宿管编号">
                    </div>
                    <div class="form-group">
                        <label for="updateDormitoryManagerName">姓名</label>
                        <input type="text" class="form-control" id="updateDormitoryManagerName" placeholder="请输入姓名">
                    </div>
                    <div class="form-group">
                        <label for="updateDormitoryManagerPassword">密码</label>
                        <input type="text" class="form-control" id="updateDormitoryManagerPassword" placeholder="请输入密码">
                    </div>
                    <fieldset class="form-group row">
                        <legend class="col-form-label col-sm-2 float-sm-left pt-0">性别</legend>
                        <div class="col-sm-10">
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="updateDormitoryManagerSex"
                                    id="updateDormitoryManagerSexM" value="男">
                                <label class="form-check-label" for="updateDormitoryManagerSexM">男</label>
                            </div>
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="updateDormitoryManagerSex"
                                    id="updateDormitoryManagerSexF" value="女">
                                <label class="form-check-label" for="updateDormitoryManagerSexF">女</label>
                            </div>
                        </div>
                    </fieldset>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="dormitoryManagerUpdateSave()">保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="adminAdd" tabindex="-1" aria-labelledby="adminAddLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="adminAddLabel">管理员-新增</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="adminAddName">密码</label>
                        <input type="text" class="form-control" id="adminAddName" placeholder="请输入账号">
                    </div>
                    <div class="form-group">
                        <label for="adminAddPassword">密码</label>
                        <input type="text" class="form-control" id="adminAddPassword" placeholder="请输入密码">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="adminAddSave()">保存</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="adminUpdate" tabindex="-1" aria-labelledby="adminUpdateLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="adminUpdateLabel">管理员-修改</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input type="text" id="adminUpdateId" hidden>
                    <div class="form-group">
                        <label for="adminUpdateName">密码</label>
                        <input type="text" class="form-control" id="adminUpdateName" placeholder="请输入账号">
                    </div>
                    <div class="form-group">
                        <label for="adminUpdatePassword">密码</label>
                        <input type="text" class="form-control" id="adminUpdatePassword" placeholder="请输入密码">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="adminUpdateSave()">保存
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="studentUpload" tabindex="-1" aria-labelledby="studentUploadLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="studentUploadLabel">学生-上传Excel</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input id="studentUploadFile" name="studentUploadFile" type="file" />
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="studentUpload()">上传</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="buildingUpload" tabindex="-1" aria-labelledby="buildingUploadLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="buildingUploadLabel">楼宇-上传Excel</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input id="buildingUploadFile" name="buildingUploadFile" type="file" />
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="buildingUpload()">上传</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="dormitoryUpload" tabindex="-1" aria-labelledby="dormitoryUploadLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="dormitoryUploadLabel">宿舍-上传Excel</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input id="dormitoryUploadFile" name="dormitoryUploadFile" type="file" />
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="dormitoryUpload()">上传</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="liveUpload" tabindex="-1" aria-labelledby="liveUploadLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="liveUploadLabel">入住-上传Excel</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input id="liveUploadFile" name="liveUploadFile" type="file" />
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="liveUpload()">上传</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="dormitoryManagerUpload" tabindex="-1" aria-labelledby="dormitoryManagerUploadLabel"
        aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="dormitoryManagerUploadLabel">宿管-上传Excel</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input id="dormitoryManagerUploadFile" name="dormitoryManagerUploadFile" type="file" />
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="dormitoryManagerUpload()">上传</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="adminUpload" tabindex="-1" aria-labelledby="adminUploadLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="adminUploadLabel">管理员-上传Excel</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <input id="adminUploadFile" name="adminUploadFile" type="file" />
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        onclick="adminUpload()">上传</button>
                </div>
            </div>
        </div>
    </div>

    <footer id="footer">
        <h4>版权声明 <i class="fa fa-copyright"></i>34号成文龙</h4>
    </footer>
</body>

</html>